<div class="slideshow">
	<div id="camera-slideshow<?php echo $module; ?>" class="flexslider">
		<ul class="slides">
		<?php foreach ($images as $image) { ?>
			<li>
				<?php if ($image['link']) { ?>
				<a href="<?php echo $image['link']; ?>"><img src="<?php echo $image['image']; ?>" title="image" alt="image" /></a>
				<?php } else { ?>
				<img src="<?php echo $image['image']; ?>" title="image" alt="image" />
				<?php } ?>
				<p class="flex-caption"><?php echo $image['description']; ?></p>
			</li>
		<?php } ?>
		</ul>
	</div>
</div>
<div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
	<div data-thumb="../images/slides/thumbs/bridge.jpg" data-src="../images/slides/bridge.jpg">
	</div>
	<div data-thumb="../images/slides/thumbs/leaf.jpg" data-src="../images/slides/leaf.jpg">
	</div>
	<div data-thumb="../images/slides/thumbs/road.jpg" data-src="../images/slides/road.jpg">
	</div>
	<div data-thumb="../images/slides/thumbs/sea.jpg" data-src="../images/slides/sea.jpg">
	</div>
	<div data-thumb="../images/slides/thumbs/shelter.jpg" data-src="../images/slides/shelter.jpg">
	</div>
	<div data-thumb="../images/slides/thumbs/tree.jpg" data-src="../images/slides/tree.jpg">
	</div>
</div><!-- #camera_wrap_1 -->

<script type="text/javascript">
	$(window).load(function(){
	  $('#camera-slideshow<?php echo $module; ?>').flexslider({
		animation: "slide",
		slideshowSpeed: 4500,
		animationSpeed: 2000
	  });
	});
 </script>